<template>
  <iframe
    :src="url"
    width="100%"
    height="100%"
    marginwidth="0"
    marginheight="0"
    scrolling="no"
    ref="fIframe"
  >
  </iframe>
</template>

<script setup>
import {
  getFnaFile,
  getFaiFile,
  getGffFile,
  getNucleicAcidFile,
  getProteinFile,
} from "@/api/dataBrowse.js";
import { onMounted, watch } from "vue";
import { useRoute } from "vue-router";
const route = useRoute();
const queryParams = route.query;
console.log("queryParams", queryParams);
const genomeBrowserData = JSON.parse(localStorage.getItem("genomeBrowserData"));
let type = null;
if (genomeBrowserData.type == "viruses") {
  type = "virus";
} else {
  type = genomeBrowserData.type;
}
const id = genomeBrowserData.genomeId;
console.log("type", type);
const url = `https://www.primerbanks.com/jbrowse/?config=${type}/${id}/config.json`;
window.open(url, "_blank");
</script>
<style scoped lang="scss">
iframe {
  border: none;
}
</style>
